<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/wap/index.css">
    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header>
    <div class="header-top" id="header">
        <div class="top_inner">
            <div class="inner_le">您好，欢迎访问 <a href="">城乡家园服务网</a>官方主站！</div>
            <div class="inner_ri">
                <img src="../../static/icon-wap/更多.png" alt="">
            </div>
        </div>
    </div>
</header>
<nav>
    <a href="#" class="active">
        <p>
            <span class="home-icon"></span>
        </p>
        <span class="icon-name">首页</span>
    </a>
    <a href="station.html">
        <p>
            <span class="station-icon"></span>
        </p>
        <span class="icon-name">选站</span>
    </a>
    <a href="ask.html">
        <p>
            <span class="problem-icon"></span>
        </p>
        <span class="icon-name">问问</span>
    </a>
    <a href="mine.html">
        <p>
            <span class="my-icon"></span>
        </p>
        <span class="icon-name">我的</span>
    </a>
</nav>
<div class="nav-top">
        <div class="nav-le">
            <img src="../../static/images/logo.png" alt="">
        </div>
        <div class="nav-ri">
            <div class="search-box">
                <div class="search-input">
                    <img src="../../static/icons/搜索(1).png" alt="">
                    <input type="text" placeholder="成都居住证办理流程">
                    <div class="input-position">
                        <a>热门搜索：</a>
                        <a>蓝湖橘郡</a>
                        <a>尚品C经</a>
                        <a>英郡icon</a>
                    </div>
                </div>
                <div class="search-btn" onclick="javascript:window.location.href='../../views/home/search.html'">搜索</div>
            </div>
        </div>
</div>
<div class="carousel-box">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="../../static/images/banner1.png" alt="First slide">
            </div>

        </div>

    </div>
    <div class="box-inner">
        <div class="large-more">基层管理和便民服务平台</div>
        <div class="large">社区、小区、院落、村、社、组、基层网站查询</div>
        <div class="search-box">
            <div class="search-input">
                <img src="../../static/icons/搜索(1).png" alt="">
                <input type="text" placeholder="请输入基层网站名称、如：xx社区/小区/院落/村/组">
            </div>
            <div class="search-btn">搜索站点</div>
            <div class="search-btn">搜索文章</div>
        </div>
        <div class="link-row">我关注的：四川成都高新区红树湾二期 <a href="">(点击进入)</a></div>
    </div>
</div>
<main>
    <div class="content">
        <div class="Administrative">
            <div class="admin-header">
                <div class="admin-name">按行政区域规划找基层网站</div>
                <a class="admin-tips" href="station.html">点击切换 <img src="../../static/icon-wap/多边形是.png" alt=""></a>
            </div>
        </div>
        <div class="Exhibition-container">
            <div class="Exhibition-l">

                <div class="service_box">
                    <ul class="nav nav-tabs" id="serviceTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="share-tab" data-toggle="tab" href="#share" role="tab" aria-controls="share" aria-selected="true">共有经济服务
                            </a>
                            <span></span>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="innovate-tab" data-toggle="tab" href="#innovate" role="tab" aria-controls="innovate" aria-selected="false">创新服务</a>
                            <span></span>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="union-tab" data-toggle="tab" href="#union" role="tab" aria-controls="union" aria-selected="false">联合服务</a>
                            <span></span>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="Consultation-tab" data-toggle="tab" href="#Consultation" role="tab" aria-controls="Consultation" aria-selected="false">咨询服务</a>
                            <span></span>
                        </li>
                    </ul>
                    <div class="tab-content" id="serviceTabContent">
                        <div class="tab-pane fade show active" id="share" role="tabpanel" aria-labelledby="share-tab">
                            <div class="share-content">
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="innovate" role="tabpanel" aria-labelledby="innovate-tab">
                            <div class="share-content">
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="union" role="tabpanel" aria-labelledby="union-tab">
                            <div class="share-content">
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="Consultation" role="tabpanel" aria-labelledby="Consultation-tab">
                            <div class="share-content">
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/咨询.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                                <a href="" class="share-content-item">
                                    <img src="../../static/icon-wap/在线拷贝.png" alt="">资讯服务
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="message-box">
                    <div class="message-item">
                        <span>【法制】</span>
                        <span>弘扬励志</span>
                        <span>法治正气</span>
                        <span>负面曝光</span>
                        <span>素质文明</span>
                    </div>
                    <div class="message-item">
                        <span>【新闻】</span>
                        <span>弘扬励志</span>
                        <span>法治正气</span>
                        <span>负面曝光</span>
                        <span>素质文明</span>
                    </div>
                    <div class="message-item">
                        <span>【热点】</span>
                        <span>弘扬励志</span>
                        <span>法治正气</span>
                        <span>负面曝光</span>
                        <span>素质文明</span>
                    </div>
                </div>
                <div class="investigation">
                    <div class="investigation-tab">
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/问题.png" alt="">卜咚问问</div>
                            <div class="tab-item-text">
                                实时为您解答，卜咚
                                问问您身边的社区管家
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/互动.png" alt="">城乡互动</div>
                            <div class="tab-item-text">
                                民主，公平，公开，
                                透明化选举信息
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/调查.png" alt="">家园调查</div>
                            <div class="tab-item-text">
                                实时为您解答，卜咚
                                问问您身边的社区管家
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/投诉.png" alt="">投诉建议</div>
                            <div class="tab-item-text">
                                有您的参与，平台将
                                更加完善谢谢您的留言
                            </div>
                        </div>
                    </div>
                    <div class="investigation-list">
                        <div class="investigation-comment">
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【焦点】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                                <a class="investigation-comment-item-link" href="#">城乡评议投票</a>
                            </div>
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【投票】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                                <a class="investigation-comment-item-link" href="#">城乡评议投票</a>
                            </div>
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【评议】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                                <a class="investigation-comment-item-link" href="#">城乡评议投票</a>
                            </div>
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【征集】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                                <a class="investigation-comment-item-link" href="#">城乡评议投票</a>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="experience-box">
                    <div class="experience-title">
                        <div class="experience-title-text">家园见闻</div>
                    </div>
                    <div class="experience-container">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="hotspot-tab" data-toggle="tab" href="#hotspot" role="tab" aria-controls="hotspot" aria-selected="true">热点
                                    <!--<img class="tip" src="static/icons/多边形686.png" alt="">-->
                                </a>

                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="video-tab" data-toggle="tab" href="#video" role="tab" aria-controls="video" aria-selected="false">视频</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="trifles-tab" data-toggle="tab" href="#trifles" role="tab" aria-controls="trifles" aria-selected="false">琐事</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="foods-tab" data-toggle="tab" href="#foods" role="tab" aria-controls="foods" aria-selected="false">美食</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="education-tab" data-toggle="tab" href="#education" role="tab" aria-controls="education" aria-selected="false">教育</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="health-tab" data-toggle="tab" href="#health" role="tab" aria-controls="health" aria-selected="true">养生</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" id="life-tab" data-toggle="tab" href="#life" role="tab" aria-controls="life" aria-selected="false">生活</a>
                            </li>

                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="hotspot" role="tabpanel" aria-labelledby="hotspot-tab">
                                <div class="experience-list">
                                    <div class="list-img">
                                        <img src="../../static/images/政府.png" alt="">
                                    </div>
                                    <div class="list-content">
                                        乾隆告诉儿子千万不要杀和珅，但
                                        嘉庆不听，15年后才明白其中道理
                                        ...
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="list-img">
                                        <img src="../../static/images/政府.png" alt="">
                                    </div>
                                    <div class="list-content">
                                        乾隆告诉儿子千万不要杀和珅，但
                                        嘉庆不听，15年后才明白其中道理
                                        ...
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="list-img">
                                        <img src="../../static/images/政府.png" alt="">
                                    </div>
                                    <div class="list-content">
                                        乾隆告诉儿子千万不要杀和珅，但
                                        嘉庆不听，15年后才明白其中道理
                                        ...
                                    </div>
                                </div>
                                <div class="experience-list-btn">
                                    <div class="experience-list-btn-inner">查看更多</div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="video" role="tabpanel" aria-labelledby="video-tab">video</div>
                            <div class="tab-pane fade" id="trifles" role="tabpanel" aria-labelledby="trifles-tab">trifles</div>
                            <div class="tab-pane fade" id="foods" role="tabpanel" aria-labelledby="foods-tab">foods</div>
                            <div class="tab-pane fade" id="education" role="tabpanel" aria-labelledby="education-tab">education</div>
                            <div class="tab-pane fade" id="health" role="tabpanel" aria-labelledby="health-tab">health</div>
                            <div class="tab-pane fade" id="life" role="tabpanel" aria-labelledby="life-tab">life</div>
                        </div>
                    </div>
                </div>
                <div class="experience-box">
                    <div class="experience-title">
                        <div class="experience-title-text">法治道德</div>
                    </div>
                    <div class="experience-container">
                        <ul class="nav nav-tabs" id="myTabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="public-tab" data-toggle="tab" href="#public" role="tab" aria-controls="public" aria-selected="true">公共公益
                                    <!--<img class="tip" src="static/icons/多边形686.png" alt="">-->
                                </a>

                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="charitable-tab" data-toggle="tab" href="#charitable" role="tab" aria-controls="charitable" aria-selected="false">慈善帮助</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="alleviation-tab" data-toggle="tab" href="#alleviation" role="tab" aria-controls="alleviation" aria-selected="false">联合扶贫</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="found-tab" data-toggle="tab" href="#found" role="tab" aria-controls="found" aria-selected="false">寻人寻物</a>
                            </li>


                        </ul>
                        <div class="tab-content" id="myTabsContent">
                            <div class="tab-pane fade show active" id="public" role="tabpanel" aria-labelledby="public-tab">
                                <div class="experience-list">
                                    <div class="list-img">
                                        <img src="../../static/images/政府.png" alt="">
                                    </div>
                                    <div class="list-content">
                                        乾隆告诉儿子千万不要杀和珅，但
                                        嘉庆不听，15年后才明白其中道理
                                        ...
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="list-img">
                                        <img src="../../static/images/政府.png" alt="">
                                    </div>
                                    <div class="list-content">
                                        乾隆告诉儿子千万不要杀和珅，但
                                        嘉庆不听，15年后才明白其中道理
                                        ...
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="list-img">
                                        <img src="../../static/images/政府.png" alt="">
                                    </div>
                                    <div class="list-content">
                                        乾隆告诉儿子千万不要杀和珅，但
                                        嘉庆不听，15年后才明白其中道理
                                        ...
                                    </div>
                                </div>
                                <div class="experience-list-btn">
                                    <div class="experience-list-btn-inner">查看更多</div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="charitable" role="tabpanel" aria-labelledby="charitable-tab">charitable</div>
                            <div class="tab-pane fade" id="alleviation" role="tabpanel" aria-labelledby="alleviation-tab">alleviation</div>
                            <div class="tab-pane fade" id="found" role="tabpanel" aria-labelledby="found-tab">found</div>
                    </div>
                </div>

                </div>
                    <div class="news">
                        <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img class="d-block w-100" src="../../static/images/两会.png" alt="First slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>中国进入“两会时间”国际舆论聚焦时期</h5>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img class="d-block w-100" src="../../static/images/政府.png" alt="First slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>中国进入“两会时间”国际舆论聚1</h5>
                                    </div>
                                </div>

                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                        <div class="news-item">
                            <ul>
                                <li onclick="javascript:window.location.href='../../views/home/article-list.html'"><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                                <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            </ul>
                        </div>
                    </div>
                </div>
            <div class="report">
                <div class="report-inner">
                    向平台举报
                </div>
            </div>
            <div class="adv-row">
                <img src="../../static/images/背景toupoa.png" alt="" style="height: 3.34rem">
                <img src="../../static/images/背景toupoa.png" alt="" style="height: 3.34rem">
                <img src="../../static/images/背景toupoa.png" alt="" style="height: 3.34rem">
            </div>

        </div>
        <div class="experience-box" style="border-radius: 0">
            <div class="experience-title">
                <div class="experience-title-text">友情链接</div>
            </div>
            <div class="experience-container justify-content-between align-items-center flex-wrap" style="display: flex">
               <div class="experience-container-adv-item">
                   乡镇级家园服务网
               </div>
                <div class="experience-container-adv-item">
                    乡镇级家园服务网
                </div>
                <div class="experience-container-adv-item">
                    乡镇级家园服务网
                </div>
                <div class="experience-container-adv-item">
                    乡镇级家园服务网
                </div>
                <div class="experience-container-adv-item">
                    乡镇级家园服务网
                </div>
                <div class="experience-container-adv-item">
                    乡镇级家园服务网
                </div>
            </div>
        </div>

    </div>
</main>
<div class="suspension">
    <a class="ball" onclick="to_top()">
        <span><img src="../../static/icon-wap/上.png" alt=""></span>
        <span>返回</span>
        <span>顶部</span>
    </a>
</div>

<script>

    var userAgent = navigator.userAgent.toLowerCase();
    var platform;
    if(userAgent == null || userAgent == ''){
        platform = 'WEB' ;
    }else{
        if(userAgent.indexOf("android") != -1 ){
            platform = 'ANDROID';
//            location.href = "";
        }else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") != -1 || userAgent.indexOf("ipad") != -1){
            platform = 'IOS';
//            location.href = "";
        }else if(userAgent.indexOf("windows phone") != -1 ){
            platform = 'WP';
//            location.href = "";
        }else{
            platform = 'WEB' ;
            location.href = "../../index.html";
        }
    }


    function getScrollTop(){
        var scrollTop=0;
        if(document.documentElement&&document.documentElement.scrollTop){
            scrollTop=document.documentElement.scrollTop;
        }else if(document.body){
            scrollTop=document.body.scrollTop;
        }
        return scrollTop;
    }
    $(window).scroll(function () {
        if(getScrollTop()>=100){
            $(".suspension").show();
        }
        else{
            $(".suspension").hide();
        }
    })

    function to_top() {
        $(window).scrollTop(0);
    }

</script>
</body>
</html>